<!-- BUTTONS WRAPPERS-->
<section id="buttons-wrapper" class="showcase showcase-content background-light">
  <header class="l-center">
    <h3 class="showcase-title">Button Wrappers</h3>
    <h4 class="showcase-sub-title">A wrap around effect to highlight the shape of the button and offer a subtle visual effect</h4>
  </header>

<div class="showcase-examples l-center">
<span class="button-wrap">
  <button class="button button-circle">
    <i class="fa fa-cloud"></i>
  </button>
</span>

<span class="button-wrap">
  <button class="button button-circle button-raised button-primary">
    <i class="fa fa-cloud"></i>
  </button>
</span>

<span class="button-wrap">
  <a href="http://unicorn-ui.com/" class="button button-pill ">Go</a>
</span>
<span class="button-wrap">
  <a href="http://unicorn-ui.com/" class="button button-pill button-raised button-primary">Go</a>
</span></div>

</section>